<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
	<h:head>
		<title>ChamaTec</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="#{request.contextPath}/resources/css/screen.css" rel="stylesheet" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="" />
		<meta name="author" content="" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10; IE=EmulateIE9;"/>

		<!-- CSS -->
		<link href="#{request.contextPath}/resources/assets/css/bootstrap.css" rel="stylesheet" />
		<link href="#{request.contextPath}/resources/assets/css/bootstrap-responsive.css" rel="stylesheet" />
		<link href="#{request.contextPath}/resources/assets/css/chamatec.css" rel="stylesheet" />
    	<link href="#{request.contextPath}/resources/assets/css/jquery.treetable.css" rel="stylesheet" />
    	<link href="#{request.contextPath}/resources/assets/css/jquery.treetable.theme.default.css" rel="stylesheet" />

		<!-- Fav and touch icons -->
		<link rel="apple-touch-icon-precomposed" sizes="144x144"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-144-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="114x114"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-114-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-72-precomposed.png" />
		<link rel="apple-touch-icon-precomposed"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-57-precomposed.png" />
		<link rel="shortcut icon" href="#{request.contextPath}/resources/assets/ico/favicon.png" />
	</h:head>

	<body>
		<!-- Part 1: Wrap all page content here -->
		<div id="wrap">
			<div class="container">
				<ui:insert name="content">
	                   [Template content will be inserted here]
	        	</ui:insert>
				<div id="push"></div>
			</div>
		</div>
		<div id="footer" style="background: #3276B1;">
			<div class="container">
				<p class="credit"></p>
			</div>
		</div>
		<!-- Panel colocado apenas para o primefaces trazer o jquery -->
		<p:panel rendered="false"></p:panel>

		<!-- Le javascript ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-transition.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-alert.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-modal.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-dropdown.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-scrollspy.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-tab.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-tooltip.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-popover.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-button.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-collapse.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-carousel.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-typeahead.js"></script>
	</body>
</html>